﻿#WraperPage{background: transparent url(../images/header-bg.gif) 0 0 repeat-x;}
#HeaderPage,#MainPage,#FooterPage{width:980px;margin:0 auto;}
#HeaderPage{height:110px;}
/*
    HEADER---------------
*/
.cps-header-left{height:75px;}
.cps-header-left{display:table-cell;width:220px;background:url(../Images/logo-cps.png) 0 0 no-repeat;float:left;}
.cps-navibar{height:40px;background: url(../Images/cps-template.png) 0 0 no-repeat;padding:0px 5px;position:relative;}
.cps-navibar ul{background: url(../Images/cps-template.png) 0 -40px repeat-x;display: block;height:40px;}
.cps-navibar ul li{display:inline;line-height:40px;}
.cps-navibar ul li a{padding:0px 10px;display:inline;color:White;font-weight:bold;text-decoration:none;line-height:35px;}
.cps-navibar .cps-icon-home{background: url(../Images/cps-template.png) 0 -120px no-repeat;width:15px;height:35px;display:block;float:left;}
.cps-navibar .cps-icon-home:hover{background: url(../Images/cps-template.png) 0 -120px no-repeat;opacity: 0.7;filter: alpha(opacity=70);}
.cps-navibar-end{height:40px;background: url(../Images/cps-template.png) -139px -80px no-repeat;width: 5px;position:absolute; top:0;right:0;}
.cps-navibar-right{line-height:35px;position:absolute; top:0;right:0;}
.cps-navibar-right .ListCart,.cps-navibar-right .WishList{display:block;height:40px;width:108px;float:left;background: url(../Images/cps-template.png) no-repeat;}
.cps-navibar-right .ListCart{background-position:-33px -120px}
.cps-navibar-right .WishList{background-position:-34px -160px}
.cps-navibar-right a{padding-left:30px;color: #333;text-decoration: none;font-weight:bold;}
.cps-navibar-right a:hover{color:#00b4ef;}
.box-search{padding-top:25px;}
.box-search input[type=text],.cps-header-right input[type=submit] {border:none;background: url(../Images/icon-search.png) no-repeat;height:29px;}
.box-search input[type=text] { width:410px;background-position:0 0 ;float:left;line-height:29px;padding-left:10px;font-size: 11px; color: #333;}
.box-search input[type=submit] {background-position:right top ;width:34px;cursor:pointer;}
/*
    LEFT MENU---------------
*/
.cps-leftmenu{width:170px;height:250px;float:left;margin-top:10px;border: 1px solid #D8D8D8;}
.slider-wrapper{width:596px;float:left;margin:0px 10px;}
.cps-leftmenu ul{background: url(../Images/bg-left-menu.gif);}
.cps-leftmenu ul li{line-height:49px;border-bottom: #D8D8D8 solid 1px;position:relative;}
.cps-leftmenu ul li:hover .icon-menu-baby {background: url(../Images/icon-left-menu.png) 0 -16px no-repeat;}
.cps-leftmenu ul li a{color:#666;font-size:13px;background: url(../Images/menu-list.jpg) 160px 19px no-repeat;font-weight:bold;padding-left:30px;text-decoration: none;display: block;}

/*
    Menu cap 2 
*/

.cps-leftmenu ul li ul{display:none;position:absolute;top:-1px;left:170px;width:170px;background: #FFF;opacity:0.9;filter: alpha(opacity=90);z-index:99;border: 1px solid #D8D8D8;}
.cps-leftmenu ul li:hover ul{display:block;}
.cps-leftmenu ul li ul li a{background:none;}
.cps-leftmenu ul li ul li a:hover{background:#f9f9f9;}
/*
    Icon cho danh muc cap 1
*/
.l-1,.l-1-hover,.l-2,.l-2-hover,.l-3,.l-3-hover,.l-4,.l-4-hover,.l-5,.l-5-hover{display:block;width: 16px;height: 16px;position:absolute;top: 15px;left: 7px;}

.l-1{background: url(../Images/icon-left-menu.png) 0 0 no-repeat;}
.l-1-hover{background: url(../Images/icon-left-menu.png) 0 -16px no-repeat;}

.l-2{background: url(../Images/icon-left-menu.png) 0 -32px no-repeat;}
.l-2-hover{background: url(../Images/icon-left-menu.png) 0 -48px no-repeat;}

.l-3{background: url(../Images/icon-left-menu.png) 0 -64px no-repeat;}
.l-3-hover{background: url(../Images/icon-left-menu.png) 0 -80px no-repeat;}

.l-4{background: url(../Images/icon-left-menu.png) 0 -96px no-repeat;}
.l-4-hover{background: url(../Images/icon-left-menu.png) 0 -112px no-repeat;}

.l-5{background: url(../Images/icon-left-menu.png) 0 -128px no-repeat;}
.l-5-hover{background: url(../Images/icon-left-menu.png) 0 -144px no-repeat;}

/*
    Module Khuyen mai home
*/
.cps-Promotion {width:188px;float:right;height:248px;border: 1px solid #ccc;margin-top:10px;padding:1px;position:relative;}
.cps-Promotion h1{background: #f1f1f1;display:block;line-height:25px;text-transform:uppercase;font-size:14px;color:#333;text-align:center;cursor:pointer;}
.cps-Promotion .ViewAll{position:absolute;bottom:0;left:0;display:block;line-height:25px;text-align:right;width:99%;background:#f7f7f7;border: 1px solid #FFF;}
.cps-Promotion .ViewAll a {color: #000;text-decoration:none;font-weight:bold;padding-right:15px;background: url(../Images/menu-list.jpg) 178px 9px no-repeat;display:block;}















































































































